<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
 
    <p:panelGrid columns="4" id="panelBuscarOfertas">
        
        <p:selectOneMenu id="cupOrder" value="#{cBusOfe.orderBy}">  
            <f:selectItem itemLabel="Ordenar por..." itemValue="ofe_fecalta" />  
            <f:selectItem itemLabel="NEGOCIO" itemValue="ofe_negocio" />  
            <f:selectItem itemLabel="FECHA ALTA" itemValue="ofe_fecalta desc" />  
            <f:selectItem itemLabel="FECHA FIN" itemValue="ofe_fecfin" />  
            <f:selectItem itemLabel="TITULO" itemValue="ofe_titulo" />  
            <f:selectItem itemLabel="PRECIO (De menor a mayor)" itemValue="ofe_precio asc" />  
            <f:selectItem itemLabel="PRECIO (De mayor a menor)" itemValue="ofe_precio desc" />  
            <f:selectItem itemLabel="AHORRO" itemValue="ofe_ahorro desc" />  
            <f:selectItem itemLabel="TIPO" itemValue="ofe_tipo" />  
            <p:ajax event="change" update="dataGridCupones" />
        </p:selectOneMenu> 
        
        <p:selectOneMenu id="cupTipo" value="#{cBusOfe.tipoOferta}">  
            <f:selectItem itemLabel="Todos" itemValue="" />  
            <f:selectItem itemLabel="COMIDA" itemValue="COMIDA" />  
            <f:selectItem itemLabel="CENA" itemValue="CENA" />  
            <f:selectItem itemLabel="DESAYUNO" itemValue="DESAYUNO" />  
            <p:ajax event="change" update="dataGridCupones" />
        </p:selectOneMenu> 
        
        <p:outputLabel value=""/>
        
        <h:commandButton id="botonvmapa" value="Ver en mapa" 
            actionListener="#{cPri.CambioCentro('ofertas/buscarofertasmapa')}" 
            />
        
        
    </p:panelGrid>
    
            <p:dataGrid id="dataGridCupones" var="cup" value="#{cBusOfe.vListaCupones}" columns="6"   
                rows="18" paginator="true"  
                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                rowsPerPageTemplate="18">  
                
                <f:facet name="header">  
                    ${cBusOfe.vListaCupones.size()} cupones encontrados!
                </f:facet>
                
                <p:panel header="#{cup.ofeTitulo}" style="text-align:center;font-size: small">  
                    <h:panelGrid id="panelbo" columns="1" style="text-align:center;font-size: small;width: 100%">  
                        <p:graphicImage height="65" width="165" id="nimage" value="#{cNeg.NegChartM(cup.ofeNegocio)}">   
                            <f:param name="idn" value="#{cup.ofeNegocio}" />
                        </p:graphicImage>

                        <h:outputText value="#{cup.ofeDescripcion}" />  
                        <h:outputText value="Precio: #{cup.ofePrecio}€" />  
                        <h:outputText value="Ahorro: #{cup.ofeAhorro}%" />  
                        <p:panelGrid columns="3" style="border: hidden">
                            <p:commandLink update=":formCentro:negDetail,:formCentro:dlgInfo" oncomplete="PF('negDialog').show()" title="Info de Negocio">  
                                <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />   
                                <f:setPropertyActionListener value="#{cup}"   
                                                             target="#{cBusOfe.selectedOfe}" />  
                            </p:commandLink>  
                            <p:commandLink id="linkdetalle" value="Detalle" type="button" title="Detalle de la oferta"/>
                            <p:commandLink id="linkcomprar" value="Comprar" type="button" title="Comprar cupon" actionListener="#{cVen.seteaOfertaCompra(cup.idOferta)}" update=":formCentro"/>
                        </p:panelGrid>
                        <p:overlayPanel id="detallePanel2" for="linkdetalle" hideEffect="fade" style="width: 410px;height: 410px;background-color: #ffffcc">
                            <p:scrollPanel style="width: 400px;height: 400px;border: hidden;background-color: #ffffcc">
                                <h:outputText escape="false" value="#{cBusOfe.DetalleOferta(cup.idOferta)}" style="white-space:pre-line;"/>                                    
                            </p:scrollPanel>
                        </p:overlayPanel>
                    </h:panelGrid>  
                </p:panel>  
                <f:facet name="footer">  
                    En total hay #{cBusOfe.findOfertas(null, 1.00, 1.00, null).size()} cupones disponibles.  
                </f:facet>
            </p:dataGrid>  

            <p:dialog header="Info de negocio: #{cNeg.negocioOferta.negNombre}" id="dlgInfo" widgetVar="negDialog" modal="false" closeOnEscape="true" resizable="false">  
                <p:outputPanel id="negDetail" style="text-align:center;">  

                    <p:graphicImage height="260" width="660" id="nimage" value="#{cNeg.NegChartM(cNeg.negocioOferta.idNegocio)}"/>  

                    <h:panelGrid  columns="2" cellpadding="5">  
                        <h:outputLabel for="ntelefono" value="Telefono: " />  
                        <h:outputText id="ntelefono" value="#{cNeg.negocioOferta.negTelefono}" />  

                        <h:outputLabel for="npaginaweb" value="Pagina web: " />  
                        <h:outputText id="npaginaweb" value="#{cNeg.negocioOferta.negPaginaweb}" />  

                        <h:outputLabel for="nhorario" value="Horario: " />  
                        <h:outputText id="nhorario" value="#{cNeg.negocioOferta.negHorario}" />  

                        <h:outputLabel for="nemail" value="Email: " />  
                        <h:outputText id="nemail" value="#{cNeg.negocioOferta.negEmail}" />  

                        <h:outputLabel for="ndireccion" value="Direccion: " />  
                        <h:outputText id="ndireccion" value="#{cNeg.negocioOferta.negDireccion}" />  
                       
                    </h:panelGrid>  
                    <p:gmap center="#{cNeg.negocioOferta.negCoordenadas}" zoom="17" type="ROADMAP" model="#{cNeg.mapModelSelNeg(cNeg.negocioOferta.negCoordenadas)}"  
                            style="width:600px;height:400px" />
                </p:outputPanel>  
            </p:dialog> 

        
        
        
</ui:composition>